*{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    color: black;
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #888 #e0e0e0; /* thumb and track color */
    /*!*确保子元素不溢出*!*/
    max-width: 100%;
    box-sizing: border-box;

}
html, body {
    /* 确保 html 和 body 元素的高度覆盖整个视口 */
    height: 100%;
    margin: 0;
    padding: 0;
    /*确保内容不会超出视口宽度。可以设置最大宽度为视口宽度（100vw），这样内容就不会溢出，从而避免水平滚动。*/
    /*max-width: 100vw;*/
    /*overflow-x: hidden;*/
}

body {
    position: relative; /* 为伪元素定位提供参考 */
    background: #f6f6f6;
}
/* This will style the scrollbar track */
::-webkit-scrollbar {
    width: 6px; /* width of the entire scrollbar */
}

/* This will style the scrollbar handle */
::-webkit-scrollbar-thumb {
    background: #cccccc; /* color of the scrollbar thumb */
    border-radius: 6px; /* roundness of the scrollbar thumb */
}

/* This will style the handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* color of the scrollbar thumb when hovered over */
}
